import { useTranslation } from 'react-i18next'
import { Tabs, TabsContent, TabsList, TabsTrigger } from '../../components/ui/tabs'
// import Config from './components/Config'
import Roles from './components/Roles'
import Users from './components/Users'

export default function FileLibPage() {
  const { t } = useTranslation()
  return (
    <div className="h-full w-full px-2 py-4">
      <Tabs defaultValue="user" className="w-full">
        <TabsList className="">
          <TabsTrigger value="user" className="roundedrounded-xl">
            {t('system.userManagement')}
          </TabsTrigger>
          <TabsTrigger value="role">{t('system.roleManagement')}</TabsTrigger>
          {/* <TabsTrigger value="system">{t('system.systemConfiguration')}</TabsTrigger> */}
        </TabsList>
        <TabsContent value="user">
          <Users></Users>
        </TabsContent>
        <TabsContent value="role">
          <Roles></Roles>
        </TabsContent>
        {/* <TabsContent value="system">
          <Config></Config>
        </TabsContent> */}
      </Tabs>
    </div>
  )
}
